/* 修复缺失字体的CSS */
@font-face {
    font-family: 'FiraSans';
    src: local('Arial'), local('Helvetica'), local('sans-serif');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FiraSans';
    src: local('Arial'), local('Helvetica'), local('sans-serif');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'FiraSans';
    src: local('Arial'), local('Helvetica'), local('sans-serif');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'FiraSans';
    src: local('Arial'), local('Helvetica'), local('sans-serif');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'FiraSans';
    src: local('Arial'), local('Helvetica'), local('sans-serif');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'OleoScript';
    src: local('Georgia'), local('Times'), local('serif');
    font-weight: bold;
    font-style: normal;
}

/* 隐藏缺失的背景图片和字体错误 */
.page-overlay {
    background-image: none !important;
}

/* 防止字体加载错误显示 */
@font-face {
    font-display: block;
}

/* 优化字体渲染性能 */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 覆盖可能引起404错误的背景图片 */
[style*="background-image: url('../css/6_page-overlay.png')"],
[style*="background-image: url('/static/css/6_page-overlay.png')"] {
    background-image: none !important;
}

/* 搜索按钮样式修复 */
.search-form {
    display: flex;
    align-items: center;
    gap: 5px;
}

.search-form .form-group {
    flex: 1;
    margin-bottom: 0;
}

.search-btn {
    background: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
    border: 1px solid #357ebd;
    color: #fff;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    height: 34px;
    line-height: 1.42857143;
    white-space: nowrap;
}

.search-btn:hover {
    background: linear-gradient(to bottom, #357ebd 0%, #2d6da3 100%);
    border-color: #2d6da3;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.search-btn:active {
    background: linear-gradient(to bottom, #2d6da3 0%, #357ebd 100%);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}

.search-btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}